<!--快捷键说明弹窗-->
<script setup>

import GlobalDialog from "@/components/common/dialog/GlobalDialog.vue";

// 弹窗名称
const name = 'hotKey'


</script>

<template>
  <global-dialog :name="name" destroy-on-close>
    <template #header="{data}">
      热键说明
    </template>
    <template #default="{data}">
      <el-descriptions v-if="data">
        <template v-for="item in data">
          <el-descriptions-item :label="item.name">
            <span v-if="item.event.ctrlKey">Ctrl+</span>
            <span v-if="item.event.altKey">Alt+</span>
            <span v-if="item.event.shiftKey">Shift+</span>
            <!--按键-->
            <span>{{ item.event.code.replace('Key', '') }}</span>
          </el-descriptions-item>
        </template>
      </el-descriptions>
    </template>
  </global-dialog>
</template>

<style scoped>

</style>